<template>
    <view class="wanl-money">
        <view class="bg-orange padding-bj">
            <text class="title">余额（元）</text>
            <view class="margin-top margin-bottom-xs">
                <text class="text-sl">{{ user.money }}</text>
            </view>
        </view>
        <!-- 功能 -->
        <view class="cu-list menu sm-border">
            <!-- <view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/recharge')">
				<view class="content">
					<text class="wlIcon-chongzhichenggong text-blue"></text>
					<text>充值</text>
				</view>
			</view> -->
            <view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/withdraw')">
                <view class="content">
                    <text class="wlIcon-tixianjilu text-orange"></text>
                    <text>提现</text>
                </view>
            </view>
        </view>
        <view class="cu-list menu sm-border">
            <view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/bank/bank')">
                <view class="content">
                    <text class="wlIcon-yinhangka text-blue"></text>
                    <text>银行卡</text>
                </view>
                <view class="action">
                    <text class="text-sm wanl-gray">用于提现到第三方账户</text>
                </view>
            </view>
            <view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/list')">
                <view class="content">
                    <text class="wlIcon-yue1 text-orange"></text>
                    <text>账单明细</text>
                </view>
            </view>
            <view class="cu-item arrow" @tap="$wanlshop.to('/pages/user/money/witlist')">
                <view class="content">
                    <text class="wlIcon-jinbitixian text-orange"></text>
                    <text>提现日志</text>
                </view>
            </view>
        </view>
    </view>
</template>

<script>
import { mapState } from "vuex";
export default {
    data() {
        return {};
    },
    computed: {
        ...mapState(["user"]),
    },
    onLoad() {
        this.loadData();
    },
    methods: {
        async loadData() {
            await uni.request({
                url: "/wanlshop/pay/getBalance",
                method: "POST",
                success: (res) => {
                    this.$store.commit("user/setUserInfo", { money: res.data });
                },
            });
        },
    },
};
</script>

<style>
.wanl-money .title {
    color: rgba(255, 255, 255, 0.7);
}
</style>
